import React, { Component } from 'react'
import { Table } from 'antd';
import '../../../assets/scss/hj/List.scss'

export default function List () {
    // const data = [
    //     {
    //       id:201709091123,
    //       Borrower:'企业1号',//借款方
    //       tel:19800009999,//借款人手机
    //       biaomin:'新手1号',
    //       BorrowMoney:'￥20000',
    //       date:'1个月',
    //       Paystyle:'按月付息',
    //       number:'1/1',
    //       date2:'2017-01-01 12:23:33',
    //       date3:'2017-01-01 12:23:33',
    //       money2:'',
    //       money3:'',
    //       capital:'',
    //       Interest:'',
    //       Fines:''
    //     },{
    //         id:201709091123,
    //         Borrower:'企业1号',//借款方
    //         tel:19800009999,//借款人手机
    //         biaomin:'新手1号',
    //         BorrowMoney:'￥20000',
    //         date:'1个月',
    //         Paystyle:'按月付息',
    //         number:'1/1',
    //         date2:'2017-01-01 12:23:33',
    //         date3:'2017-01-01 12:23:33',
    //         money2:'',
    //         money3:'',
    //         capital:'',
    //         Interest:'',
    //         Fines:''
    //       }
    // ]
    // const columns = [
    //     {
    //         title:'编号',
    //         dataIndex:'id',
    //         align:'center'
    //     },{
    //         title:'借款方',
    //         dataIndex:'Borrower',
    //         align:'center'
    //     },{
    //         title:'借款人手机',
    //         dataIndex:'tel',
    //         align:'center'
    //     },{
    //         title:'标名',
    //         dataIndex:'biaomin',
    //         align:'center'
    //     },{
    //         title:'借款金额',
    //         dataIndex:'BorrowMoney',
    //         align:'center'
    //     },{
    //         title:'期限',
    //         dataIndex:'date',
    //         align:'center'
    //     },{
    //         title:'还款方式',
    //         dataIndex:'Paystyle',
    //         align:'center'
    //     },{
    //         title:'期数',
    //         dataIndex:'number',
    //         align:'center'
    //     },{
    //         title:'应还款时间',
    //         dataIndex:'date2',
    //         align:'center'
    //     },{
    //         title:'实际还款时间',
    //         dataIndex:'date3',
    //         align:'center'
    //     },{
    //         title:'预还金额',
    //         dataIndex:'money2',
    //         align:'center'
    //     },{
    //         title:'实还金额',
    //         dataIndex:'money3',
    //         align:'center'
    //     },{
    //         title:'本金',
    //         dataIndex:'capital',
    //         align:'center'
    //     },{
    //         title:'利息',
    //         dataIndex:'Interest',
    //         align:'center'
    //     }  
    // ]
    const columns = [
        {
          title: '编号',
          width: 100,
          dataIndex: 'id',
          key: 'name',
          align:'center'
        },
        {
          title: 'Age',
          width: 100,
          dataIndex: 'age',
          key: 'age',
          fixed: 'left',
        },
        {
          title: 'Column 1',
          dataIndex: 'address',
          key: '1',
          width: 150,
        },
        {
          title: 'Column 2',
          dataIndex: 'address',
          key: '2',
          width: 150,
        },
        {
          title: 'Column 3',
          dataIndex: 'address',
          key: '3',
          width: 150,
        },
        {
          title: 'Column 4',
          dataIndex: 'address',
          key: '4',
          width: 150,
        },
        {
          title: 'Column 5',
          dataIndex: 'address',
          key: '5',
          width: 150,
        },
        { title: 'Column 8', dataIndex: 'address', key: '8' },
        {
            title: 'Action',
            key: 'operation',
            fixed: 'right',
            width: 100,
            render: () => <a>action</a>,
          },
    ]
    const data = []
    for(let i=0;i<100;i++) {
        data.push({
            key: i,
            id: `201709091123`,
            age: 32,
            address: `London Park no. ${i}`,
        })
    }
    return (
        <div>
          <div className="tab">
             <Table columns={columns} dataSource={data} />
          </div>
        </div>
     )
}
